<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商城首页</title>
		<link rel="stylesheet" href="css/normalize.css" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
	</head>

	<body>
		<table>
			<tr>
				<td style="background-color: red;height: 90px;">
					<img src="image/Apple.png">
				</td>
			</tr>
		</table>
		<div class="test" style="background-color: red;height: 90px; display: table-cell;vertical-align: middle;">
			<img src="image/Apple.png">
		</div>
		<div class="test" style="background-color: green;height: 90px;line-height: 90px;">
			<img src="image/Apple.png" style="vertical-align: middle;">
		</div>
		<div id="header"></div>
		<div class="banner content">
			<ul>
				<li><img src="image/banner.png"></li>
			</ul>
		</div>
		<div class="good-cats content">
			<div class="title">
				<span class="main">家用电脑</span>
				<span class="more">更多>></span>
			</div>
			<div class="goods-vew">
				<ul>
					<li><img src="image/htc.png"></li>
					<li><img src="image/htc.png"></li>
					<li><img src="image/htc.png"></li>
				</ul>
			</div>
			<div class="goods-list">
				<div class="up"></div>
				<div class="down">
					<ul>
						<li>
							<div class="left">
								<img src="image/Apple.png">
							</div>
							<div class="right">
								<p class="text"></p>
								<p class="price"></p>
							</div>
						</li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="footer"></div>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#header").load("./header.html");
				$("#footer").load("./footer.html");
			});
		</script>
	</body>

</html>